<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./css/bas.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 头部 -->
    <div class="head">
        <div class="nav w">
            <div class="nav-left">
                <h1><img src="./img/logonew.png" alt=""></h1>
                <ul>
                    <li><a href="../index.html" style="color: #fc5737;">首页</a></li>
                    <li><a href="../play/play.html">酷玩</a></li>
                    <li><a href="../guid/guide.html">导购</a></li>
                    <li><a href="../use/use.html">试用</a></li>
                    <li><a href="../report/report.html">报告</a></li>
                </ul>
            </div>
            <div class="nav-right">
                <span></span>
                <button><a href="./regist.html">注册</a> </button>
            </div>
        </div>
    </div>
    <!-- banner背景图 -->
    <div class="banner">
        <div class="b-top">
            <div class="w">
                <div class="text">
                    <h2>幻响小贝HiFi2.1音箱</h2>
                    <span>126人申请</span>
                    <span>￥599</span>
                    <span>20台</span>
                    <p>申请时间剩余：13天5小时37分钟</p>
                    <div><a href="#">立即申请</a></div>
                </div>
            </div>
        </div>
        <div class="b-bot w">
            <h3>热门试用</h3>
            <ul class="bot-ul">
                <!-- <li class=""></li> -->
                <!-- <li>
                    <img src="./img/bg1.jpg" alt="">
                    <h4>巴慕达 The Toaster烤面包机</h4>
                    <span>2032</span>
                    <span>20台</span>
                    <p><b>1392</b>申请</p>
                    <p class="end">剩余时间2天</p>
                </li> -->
                <!-- <li></li> -->
            </ul>
        </div>
    </div>
    <div class="content">
        <!-- 报告精选 -->
        <div class="report f">
            <div class="w">
                <div class="top">
                    <h3>报告精选</h3>
                    <a href="#">查看更多 <span><img src="./img/css/img/readMore.png" alt=""></span></a>
                </div>
                <!-- 内容 -->
                <div class="content">
                    <ul>

                    </ul>
                </div>
            </div>
        </div>
        <!-- 导购精选 -->
        <div class="guid f">
            <div class="w">
                <div class="top">
                    <h3>导购精选</h3>
                    <a href="#">查看更多 <span><img src="./img/css/img/readMore.png" alt=""></span></a>
                </div>
                <!-- 内容 -->
                <div class="content">
                    <ul>

                    </ul>
                </div>
            </div>
        </div>
        <!-- 发现酷玩 -->
        <div class="play f">
            <div class="w">
                <div class="top">
                    <h3>发现酷玩</h3>
                    <a href="#">查看更多 <span><img src="./img/css/img/readMore.png" alt=""></span></a>
                </div>
                <!-- 内容 -->
                <div class="content">
                    <ul>
                        <!-- <li>
                    <img src="img/bg1.jpg" alt="">
                    <h4>萨迪克减肥的</h4>
                    <p>端框架返岗</p>
                    <div class="liuliang">
                        <div class="name">
                            <span>￥</span>
                            1212
                        </div>
                        <div class="dianzan">
                            <span>
                                <img src="./img/css/img/use5.png" alt="">
                                12
                            </span>
                            <span>
                                <img src="./img/css/img/reply.png" alt="">
                                13
                            </span>
                        </div>
                    </div>
                </li> -->
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- 加载更多 -->
    <div class="more">
        <span class="mores" href="#"><img src="./img/css/img/more.png" alt="">点击加载更多</span>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <div class="text w">
            <div class="t-left">
                <div class="imgs">
                    <img src="./img/myCode.jpg" alt="">
                </div>
                <div class="logo">
                    <img src="./img/logoImg.jpg" alt="">
                    <p>全球酷玩试用导购平台酷·新奇·好玩·品质</p>
                    <p>V+“JguoJguo”获取我们的服务。</p>
                </div>
            </div>
            <div class="t-right">
                <dl>
                    <dt><a href="./help.html">免费试用</a></dt>
                    <dd><a href="./help.html">试用流程</a></dd>
                    <dd><a href="./help.html">如何提高成功率</a></dd>
                </dl>
                <dl>
                    <dt>友情链接</dt>
                    <dd><a href="#">搜狐IT&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;腾讯科技</a></dd>
                    <dd><a href="#">搜狐数码&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;凤凰科技</a></dd>
                    <dd><a href="#">凤凰数码&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;PConline</a></dd>
                    <dd><a href="#">泡泡网&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3W咖啡</a></dd>
                    <dd><a href="#">ZUK社区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;亿觅emie</a></dd>
                    <dd><a href="#">极客公园&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;易迅易启玩</a></dd>
                    <dd><a href="#">果库</a></dd>
                </dl>
                <dl>
                    <dt>购买攻略</dt>
                    <dd><a href="#">美亚海淘教程</a></dd>
                    <dd><a href="#">日亚海淘教程</a></dd>
                    <dd><a href="#">海淘转运攻略</a></dd>
                    <dd><a href="#">kickstarter 众筹购买攻略</a></dd>
                    <dd><a href="#">indiegogo 众筹购买攻略</a></dd>
                </dl>
                <dl>
                    <dt><a href="./about.html">厂商合作</a></dt>
                    <dd><a href="./about.html">关于极果</a></dd>
                    <dd><a href="./about.html">联系我们</a></dd>
                    <dd><a href="./about.html">商务合作：BD@jiguo.com</a></dd>
                    <dd><a href="./about.html">CEO邮箱：CEO@jiguo.com</a></dd>
                </dl>
            </div>

        </div>
        <div class="banquan w">
            ©2016 极果版权所有
        </div>

    </div>

    <!-- 回到顶部 -->
    <div class="back">
        返回顶部
    </div>
    <!-- 电梯导航 -->
    <div class="fixedtool">
        <ul>
            <li class="active">报告精选</li>
            <li>导购精选</li>
            <li>发现酷玩</li>
        </ul>
    </div>
    <script src="./js/jQuery-mini.js"></script>
    <script src="./js/index.js"></script>

</body>

</html>